﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="mb_registration.aspx.cs" Inherits="MB_Registration" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>MaxBlox Registration</title>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <link href="App_Themes/BlackGrayTheme/BlackGray.css" type="text/css" rel="stylesheet" />
    <script language="javascript" type="text/javascript" src="scripts/MB_Registration.js"></script>
    <%--<script language="javascript" src="scripts/Jquery/jquery-1.7.2.min.js" type="text/javascript"></script> --%>
    <script language="javascript" src="scripts/Jquery/jquery-1.11.1.min.js" type="text/javascript"></script> 
    <%--<script language="javascript" src="scripts/Jquery/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.3.custom.css" />  --%>
    <script language="javascript" src="scripts/Jquery/jquery-ui-1.11.1.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.11.1.min.css" />  
    <link rel="stylesheet" type="text/css" href="css/overrideJqueryUISettings.css" />  
</head>
<body>
    <form id="form1" runat="server">
    <div style='width:60%;margin:0 auto;text-align:left;border:solid 1px #D3D3D3;margin-top:50px; margin-bottom:50px;'>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
	            <td id="td_logo" class="logobg" valign="middle" align="left">
		            <div class="backs"></div>
		            <div id="div_powered" style="position:absolute;z-index:10; left: 5px; top: 65px;"> </div>
	            </td>
            </tr>
            <tr style="background-color:#404040;">
	            <td valign="middle" align="left" style="padding-left:50px;" >
		            <span style="color:#FFA700; font-family:Arial; font-size:17px; font-weight:lighter;" >Sign up for</span>
		            <span style="color:#008DD5; font-family:Arial; font-size:17px; font-weight:lighter;" >MaxBlox</span>
	            </td>
            </tr>
            <tr><td style="height:10px;"></td></tr>
            <tr>
                <td>
                    <asp:Label ID="lbl_message" runat="server" CssClass="defaultFont" Font-Size="X-Small" ForeColor="Black"></asp:Label>
                </td>
            </tr>
        </table>
        <div id="div_Reg" runat="server" style="margin:0 50px 10px 50px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="NotesTable">
                <tr style="cursor:pointer" onclick="javascript:showHideDIVAdv('user_details');">
                    <td class="Dynamic_PageHeaderRow" style="width:100%" valign="middle" >
                        &nbsp;<img id="img_user_details" style="cursor:pointer" title="Click to expand" alt="Click to toggle advanced options" src="Images/collapse3.gif"/>
                        <span style="font-size: 9pt;" class="defaultFont">&nbsp;User Details</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div id="div_user_details">
                            <table width="100%" border="0" cellspacing="0" cellpadding="3">
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >User ID (Email ID)</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:TextBox ID="txt_user_id" runat="server" CssClass="controlFont controlWidth"></asp:TextBox>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_txt_user_id" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="txt_user_id" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >First Name</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:TextBox ID="txt_first_name" runat="server" CssClass="controlFont controlWidth"></asp:TextBox>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_txt_first_name" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="txt_first_name" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >Last Name</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:TextBox ID="txt_last_name" runat="server" CssClass="controlFont controlWidth"></asp:TextBox>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_txt_last_name" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="txt_last_name" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
            </table>
            <span style="height:10px;">&nbsp;</span>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="NotesTable">
                <tr style="cursor:pointer" onclick="javascript:showHideDIVAdv('pwd_info');">
                    <td class="Dynamic_PageHeaderRow" style="width:100%" valign="middle" >
                        &nbsp;<img id="img_pwd_info" style="cursor:pointer" title="Click to expand" alt="Click to toggle advanced options" src="Images/collapse3.gif"/>
                        <span style="font-size: 9pt;" class="defaultFont">&nbsp;Password Information</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div id="div_pwd_info">
                            <table width="100%" border="0" cellspacing="0" cellpadding="3">
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >Password</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:TextBox ID="txt_new_pwd" runat="server" TextMode="Password" CssClass="controlFont controlWidth"></asp:TextBox>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_txt_pwd" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="txt_new_pwd" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >Confirm Password</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:TextBox ID="txt_confirm_pwd" runat="server" TextMode="Password" CssClass="controlFont controlWidth"></asp:TextBox>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_txt_retype_pwd" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="txt_confirm_pwd" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >Password Hint</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:DropDownList ID="dd_pwd_hint" runat="server" CssClass="controlFont controlWidth"></asp:DropDownList>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_dd_pwd_hint" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="dd_pwd_hint" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >Hint Answer</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:TextBox ID="txt_hint_ans" runat="server" CssClass="controlFont controlWidth"></asp:TextBox>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_txt_hint_ans" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="txt_hint_ans" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
            </table>
            <span style="height:10px;">&nbsp;</span>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="NotesTable">
                <tr style="cursor:pointer" onclick="javascript:showHideDIVAdv('company_info');">
                    <td class="Dynamic_PageHeaderRow" style="width:100%" valign="middle" >
                        &nbsp;<img id="img_company_info" style="cursor:pointer" title="Click to expand" alt="Click to toggle advanced options" src="Images/collapse3.gif"/>
                        <span style="font-size: 9pt;" class="defaultFont">&nbsp;Company Information</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div id="div_company_info">
                            <table width="100%" border="0" cellspacing="0" cellpadding="3">
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >Company Name</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:TextBox ID="txt_company_name" runat="server" CssClass="controlFont controlWidth"></asp:TextBox>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_txt_company_name" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="txt_company_name" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >Address</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:TextBox ID="txt_address" runat="server" CssClass="controlFont controlWidth"></asp:TextBox>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_txt_address" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="txt_address" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >City</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:TextBox ID="txt_city" runat="server" CssClass="controlFont controlWidth"></asp:TextBox>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_txt_city" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="txt_city" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >Postal Code</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:TextBox ID="txt_postal_code" runat="server" CssClass="controlFont controlWidth"></asp:TextBox>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_txt_postal_code" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="txt_postal_code" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >Phone</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
		                                <asp:TextBox ID="txt_phone" runat="server" CssClass="controlFont controlWidth"></asp:TextBox>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_txt_phone" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="txt_phone" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >Country</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
                                        <asp:DropDownList ID="dd_country" runat="server" CssClass="controlFont controlWidth"></asp:DropDownList>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_dd_country" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="dd_country" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                                <tr>
                                    <td width="25%" valign="middle" align="left">
		                                <span class="controlLabelFont" >State</span>
	                                </td>
                                    <td width="75%" valign="middle" align="left">
                                        <asp:DropDownList ID="dd_state" runat="server" CssClass="controlFont controlWidth"></asp:DropDownList>
                                            <img alt="Required Field" src="Images/star.gif"/>
                                            <asp:RequiredFieldValidator ID="rfv_dd_state" runat="server" ErrorMessage="This is a required field." CssClass="controlFont" ControlToValidate="dd_state" />
                                            <%--<cc1:ValidatorCalloutExtender ID="vce_txt_user_id" runat="server" TargetControlID="rfv_txt_user_id" WarningIconImageUrl="Images/warning_small.gif" HighlightCssClass="maskInvalid" />--%>
	                                </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
            </table>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td valign="top" align="left" colspan="2" style="padding:2px;">
                        <span class="defaultFont" style="font-size: 8pt;">
                            Fields marked with (<img src="Images/star.gif"/>) are required.
                        </span>
                    </td>
                </tr>
                <tr>
                    <td align="center" valign="middle" >
                        <asp:Button ID="btn_register" runat="server" CssClass="controlLabelFont" UseSubmitBehavior="true" CausesValidation="true" onclick="btn_register_Click" Text="Register" />
                        <asp:Button ID="btn_back" runat="server" CssClass="controlLabelFont" UseSubmitBehavior="true" CausesValidation="false" onclick="btn_back_Click" Text="Back" Visible="false" />
                    </td>
                </tr>
            </table>
        </div>

        <div id="div_result" runat="server" visible="false" style="margin:0 50px 10px 50px;">
            <asp:Label ID="lbl_result" runat="server" CssClass="defaultFont" Font-Size="X-Small" ForeColor="Black"></asp:Label>
        </div>
    </div>
    </form>
</body>
</html>
